/* $Id: menu.css 25 2011-08-04 13:05:23Z azbitnev@gmail.com $ */

/*
	ajp-menu: common style
*/

.ajp-menu li {
	background: #fff;
}

.ajp-menu > li {
	background: url(images/jquery.ajp.menu.top.png) 0 0 repeat-x;
}

.ajp-menu li a {
	text-decoration: none;
	border: 0;
	font-weight: bold;
	color: #666;
	text-shadow: #fff 1px 2px 2px;
}

.ajp-menu .selected, .ajp-menu ul > li.selected:hover {
	background: #181818 url(images/jquery.ajp.menu.selected.png) 0 0 repeat-x;
}

.ajp-menu .selected > a {
	color: #fff;
	text-shadow: #666 1px 2px 2px;
}

.ajp-menu ul {
	border: 1px solid #ccc;
	box-shadow: 0px 8px 14px #aaaaaa;
	-webkit-box-shadow: 0px 8px 14px #aaaaaa;
	-moz-box-shadow: 0px 8px 14px #aaaaaa;
}

.ajp-menu li > a {
	font-size: 0.9em;
}

.ajp-menu > li > a {
	font-size: 1em;
}

.ajp-menu > li {
	border-left-color: #ccc;
	border-left-style: solid;
}

.ajp-menu {
	background: url(images/jquery.ajp.menu.top.png) 0 0 repeat-x;
	border-style: solid;
	border-color: #ccc;
	border-top-color: #eee;
	border-left-color: #eee;
}

.ajp-menu ul > li:hover {
	background: #eee;
}

.ajp-menu li.disabled > a {
	color: #ccc;
}


/*
	ajp-menu-noscript: common style
*/

.ajp-menu-noscript li:hover {
	background: url(images/jquery.ajp.menu.selected.png) 0 0 repeat-x !important;
}

.ajp-menu-noscript li:hover > a {
	color: #fff;
	text-shadow: #666 1px 2px 2px;
}

.ajp-menu-noscript li.disabled:hover > a {
	color: #ccc;
}

/*
	ajp-menu: sizes
*/

.ajp-menu {
	border-width: 1px;
	border-left-width: 0;
}

.ajp-menu li {
	margin-left: -40px; /* default margin of list item */
	line-height: 20px;
}

.ajp-menu > li {
	margin-left: 0; /* remove margin of root items */
	border-left-width: 1px;
}

.ajp-menu ul {
	width: 200px; /* width of submenus */
}

.ajp-menu .arrow {
	height: 20px;
	width: 10px;
	margin-top: -20px;
	margin-left: 190px; /* width of item - width of arrow = 200 - 10 = 190 */
}

.ajp-menu li > a {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}

.ajp-menu ul > li > a {
	width: 160px;
}

.ajp-menu ul > li > a.final-node {
	width: 200px;
}

.ajp-menu .arrow {
	margin-top: -40px;
}

/*
	ajp-menu-noscript: sizes
*/

.ajp-menu-noscript li:hover > ul {
	margin-left: 240px;
	margin-top: -40px;
}

.ajp-menu-noscript > li:hover > ul {
	margin-left: 0;
	margin-top: 0;
}
